<ion-view view-title="服务到家">
  <ion-nav-buttons side="left">
    <!--<a class="icon ion-chevron-down" ng-click="modal.show()">{{cityName}}</a>-->
    <!--<a class="button icon-left ion-chevron-down button-clear" ng-click="datetimemodal.show()">{{cityName}}</a>-->
    <a class="button button-clear" ng-click="opencitylocate()">
      <i class="icon icon-left ion-ios-arrow-down button-small"></i>{{cityInfo.CITYNAME}}
    </a>
  </ion-nav-buttons>
  <ion-content>
    <ion-refresher pulling-icon="ion-ios-reload" pulling-text="松开更新" on-refresh="doRefresh()"></ion-refresher>

    <ion-slide-box does-continue="true" show-pager="true" auto-play="true"
                   active-slide="index">
      <ion-slide ng-repeat="x in advs">
        <img src={{x.url}}>
      </ion-slide>
    </ion-slide-box>
    <ion-list>
      <ion-item class="item-remove-animate item-avatar item-icon-right"
                ng-repeat="item in BasicServices" type="item-text-wrap"
                href="#tab/homepage/serviceplanlist/{{item.SERVICE_ID}}/{{item.SERVICE_NAME}}">
        <img ng-src="{{item.PICURL}}">

        <h2>{{item.SERVICE_NAME}}</h2>

        <p>{{item.SERVICE_DESC}}</p>
      </ion-item>
    </ion-list>
    <script id="modal.html" type="text/ng-template">
      <div class="modal" ng-controller="ModalCtrl">
        <ion-header-bar class="bar bar-header bar-positive">
          <button class="button button-clear button-primary" ng-click="closecitylocate()">Cancel</button>
          <h1 class="title">位置</h1>
        </ion-header-bar>
        <ion-content>
          <div class="list card">
            <div class="item item-divider">定位城市</div>
            <div class="item item-body">
              <button class="button button-positive" ng-click="reLocat()">{{selectCityInfo.CITYNAME}}</button>
            </div>
          </div>
          <div class="list card">
            <div class="item item-divider">目前开通城市</div>
            <div class="item item-body">
              <ion-list>
                <ion-item ng-repeat="item in getOpenCityList()" type="item-text-wrap"
                          ng-click="onTouchCity(item.CITYID,item.CITYNAME);modal.hide()">
                  <h>{{item.CITYNAME}}</h>
                </ion-item>
              </ion-list>
            </div>
          </div>
        </ion-content>
      </div>
    </script>
  </ion-content>
</ion-view>
























